<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>订单详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/module.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_fzkvbtj540w6zuxr.css"/>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_418523_g7nk4glnyfa8aor.css"/>
    <style>
        .order-status {
            position: relative;
            background: #ff6b0b;
            width: 100%;
            padding: 16px 25px;
        }

        .order-status h2 {
            font-size: 16px;
            width: 100%;
            margin: 0;
            color: #fff;
            font-weight: normal;
            letter-spacing: 1px;
        }

        .order-status h3 {
            font-size: 14px;
            width: 100%;
            margin: 0;
            color: #fff;
            font-weight: normal;
            margin-top: 6px;
        }

        .hide {
            display: none;
        }

        .modal-text {
            font-size: 14px !important;
        }

        .row .col-20 {
            width: 75px;
        }

        .address {
            height: 80px;
        }

        .button {
            height: 2.25rem !important;
            line-height: 2.25rem !important;
            font-size: 14px;
        }

        .page {
            z-index: 1;
        }

        .title {
            z-index: 3;
        }
    </style>
</head>
<body>
<div class="page-group">
    <div class="page" data-url="">
        <!--头部内容 !-->
        <header class="bar bar-nav">
            <button class="button button-link button-nav pull-left" style=" font-style: 14px; padding-left: 0.75rem;" id="back">
                <span class="icon icon-left"></span>
            </button>
            <h1 class="title">订单详情</h1>
        </header>
        <div class="main">
            <div class="order-status">
                <h2 class="order-type">等待卖家发货</h2>

                <h3 class="order-time"></h3>
            </div>
            <div class="address " data-url="" data-address="">
                <div class="list-block media-list inset">
                    <ul>
                        <li>
                            <a href="#" class="item-link item-content">
                                <div class="item-media"><span class="iconfont icon-dingwei" style="float: left"></span>
                                </div>
                                <div class="item-inner address-list"
                                     data-url="${basepath}/rest/front/address/toAddressAdd"
                                     data-address="${basepath}/rest/front/address/toAddressList">

                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <img src="${staticpath}/front/dist/images/line.png" class="img-div">

            <div class="o-list-content">
                <div class="o-list-item">
                    <div class="o-s-head"><i class="iconfont icon-shangdian"></i> <span>佰信恒通商城</span> <span
                            class="icon icon-right"></span></div>
                    <ul class="o-list">

                    </ul>
                </div>
            </div>
            <div class="o-list-total">
                <div class="o-list-div" id="total-div">

                </div>
            </div>
        </div>
        <nav class="bar bar-tab account-bar-tab" id="tool-bar" style="display: none">
            <span data-url="" class="accountBtn g-pay">确认收货</span>
        </nav>
        <nav class="bar bar-tab payment-bar-tab" id="tool-bar" style="display: none">
            <h4>合计：<span>¥<span><span class="total-price"></span></h4>
            <span data-url="" class="paymentBtn">去付款</span>
            <span data-url="" class="cancelBtn">取消订单</span>
        </nav>
    </div>
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/order/orderDetail.js' charset='utf-8'></script>
<script>
    onload = function () {
        var e = document.getElementById("refreshed");
        if (e.value == "no")
            e.value = "yes";
        else {
            e.value = "no";
            location.reload();
        }
    };
    function back() {
        window.history.go(-1);
        return false;
    }
</script>
</body>
</html>
